<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/nav.css">
  <title>小A论坛</title>
</head>
<body onload="iniIndex()">
  <div class="header">
    <div class="header-content">
      <div class="logo">
        小A论坛
      </div>
      <div>
        <ul class="nav">
          <li onclick="getAllNews('all')"><a>首页</a></li>
          <li onclick="getTopNewsPage()"><a>热榜</a></li>
          <div class="underline index"></div>
        </ul>
      </div>
      <div class="search-bar">
        <input type="text" name="search" value="" placeholder="搜索论坛内容..." autocomplete="off">
        <button type="button" name="searchBtn" class="primary medium" onclick="debounce(search(), 500)">搜索</button>
      </div>
      <div class="account">
        <div class="profile"></div>
      </div>
    </div>
  </div>
  <div class="main">
    <div class="news-content"></div>
    <div class="side-bar">
      <div class="side-bar-content">
        <div class="item-horizontal">
          <div id="my-news">
            <a href="profile/my-news.html">
              <div class="icon-replace">
                <img src="img/news.png" alt="我的动态">
              </div>
              <span>我的动态</span>
            </a>
          </div>
          <div id="my-album">
            <a href="profile/album.html">
              <div class="icon-replace">
                <img src="img/album-index.png" alt="我的相册">
              </div>
              <span>我的相册</span>
            </a>
          </div>
        </div>
        <button type="button" class="primary full" onclick="changePostPage('open')">发布动态</button>
      </div>
      <div class="side-bar-content top-news">
      </div>
    </div>
  </div>
  <script src="js/index.js"></script>
  <script src="js/operation.js"></script>
</body>
</html>